<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>品牌介绍 - 优科曼</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
	<link rel="shortcut icon" href="./favicon.ico">
	<script src="libs/modernizr.custom.js"></script>
	<script src="libs/prefixfree.js"></script>
	<link rel="stylesheet" href="css/base.css">
	<link rel="stylesheet" href="css/animate.css">
	<link rel="stylesheet" href="css/style.css">
</head>
<body>
	<div id="bloc">
		<div id="nav-dialog" class="dialog dialogDown">
		    <div class="dialog_mask"></div>
		    <div class="dialog_content">
		        <ul class="nav-item scroll-animate father" data-child="li" data-effect="fadeInDownSmall" data-delay=".04">
		            <li class="on animated fadeInDownSmall"  style="animation-delay: 0s">
		                <a href="index.html" class="transi">首页</a>
		            </li>
		            <li class="animated fadeInDownSmall"  style="animation-delay: 0.04s">
		                <a class="transi">产品中心</a>
		                <ol class="transi">
		                	<li><a href="dishwasher_series.html">洗碗机系列</a></li>
		                    <li><a href="system.html">配套体系</a></li>
		                </ol>
		            </li>
					<li class="animated fadeInDownSmall"  style="animation-delay: 0.08s">
		                <a class="transi">企业动态</a>
						<ol class="transi">
							<li><a href="brand.html">品牌介绍</a></li>
							<li><a href="news.html">新闻动态</a></li>
					   </ol>
		            </li>
		            <li class="animated fadeInDownSmall"  style="animation-delay: 0.12s">
		                <a class="transi" >城市合伙人</a>
		                <ol class="transi">
		                    <li><a href="join.html">加入我们</a></li>
		                    <li><a href="network.html">零售网点</a></li>
		                </ol>
		            </li>
		            <li class="animated fadeInDownSmall"  style="animation-delay: 0.16s">
		                <a class="transi">工程师团队</a>
		                <ol class="transi">
		                    <li><a href="fame.html">名人堂</a></li>
		                    <li><a href="support.html">技术支持</a></li>
		                </ol>
		            </li>
		            <li class="animated fadeInDownSmall"  style="animation-delay: 0.20s">
		                <a class="transi" >联系我们</a>
		                <ol class="transi">
		                    <li><a href="consultation.html">咨询服务</a></li>
		                    <li><a href="rent.html">租赁服务</a></li>
		                </ol>
		            </li>
		        </ul>
		    </div>
		</div>
		<header>
		 <div class="max-wid">
	        <a href="index.html" class="iconfont wc f-28 logo"><img src="images/logo1.png" alt="">
	        	<img style="opacity: 0;position: absolute;left: 0;top: calc(50% - 14px);" src="images/logo2.png" alt=""></a>
	        <!--<div id="language" class="flex wc">
	            <a class="cn wc on f-bold">中</a><span>/</span><a class="en wc en-b">EN</a>
	        </div>-->
	        <nav class="pc-nav pc">
	            <div id="nav-box">
	                <div class="log-in">
	                    <span class="ml-48 searchGo pc" style="cursor: pointer;display: inline-block;">
	                        <a class="iconfont search-show" style="margin: 0 4px;"><img src="images/sel1.png" alt=""><img src="images/sel2.png" alt=""></a>
	                        <a class="iconfont search-close" style="margin: 0 4px;font-size: 24px;color: #fff">x</a>
	                        <div class="search-box">
	                            <i class="iconfont wc mr-8" style="vertical-align: baseline;"><img src="images/sel1.png" alt=""></i>
	                            <input type="text" id='search-txt' placeholder="搜索...">
	                            <div class="line-box">
	                                <h5>快速链接</h5>
	                                <div><a href="javascript:;">美乐水精灵</a></div>
	                                <div><a href="javascript:;">美乐水管家</a></div>
	                                <div><a href="javascript:;">台下超滤净水器</a></div>
	                                <div><a href="javascript:;">大流量反渗透系统</a></div>
	                                <div><a href="javascript:;">确认过眼神，你是我想要的人</a></div>
	                            </div>
	                        </div>
	                    </span>
	                    <a class="pc ml-12 pr music-set" style="cursor: pointer;position: relative;">
	                        <img src="images/music1.png" alt="">
	                        <img src="images/music2.png" alt="">
	                        <span></span>
	                    </a>
	                </div>
	                <span  class="flex enter go-menu">
	                    <svg version="1.1" id="bur" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	                         width="768.637px" height="650.717px" viewBox="0 0 768.637 650.717" enable-background="new 0 0 768.637 650.717"
	                         xml:space="preserve">
	                        <g>
	                            <defs>
	                                <rect id="SVGID_1_" width="768.637" height="650.717"/>
	                            </defs>
	                            <clipPath id="SVGID_2_">
	                                <use xlink:href="#SVGID_1_"  overflow="visible"/>
	                            </clipPath>

	                            <path class="l1" clip-path="url(#SVGID_2_)" fill="none" stroke="#898989" stroke-width="88.398" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
	    M44.199,98.89c0,0,123.738-123.055,340.119,0c216.381,123.054,340.118,0,340.118,0"/>

	                            <path class="l2" clip-path="url(#SVGID_2_)" fill="none" stroke="#898989" stroke-width="88.398" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
	    M44.199,325.358c0,0,123.738-123.055,340.119,0c216.381,123.056,340.118,0,340.118,0"/>

	                            <path class="l3" clip-path="url(#SVGID_2_)" fill="none" stroke="#898989" stroke-width="88.398" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
	    M44.199,551.827c0,0,123.738-123.055,340.119,0c216.381,123.054,340.118,0,340.118,0"/>
	                        </g>
	                    </svg>
	                    <svg class="x" version="1.1" height="100" width="100" viewBox="0 0 100 100">
	                      <path class="line" d="M 34,32 L 66,68" />
	                      <path class="line" d="M 66,32 L 34,68" />
	                    </svg>
	                </span>
	            </div>
	        </nav>
	        <nav class='app-nav app'>
	            <a class="getAppNav">
	                <svg version="1.1" id="bur" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                     width="768.637px" height="650.717px" viewBox="0 0 768.637 650.717" enable-background="new 0 0 768.637 650.717"
                     xml:space="preserve">
	                    <g>
	                        <defs>
	                            <rect id="SVGID_1_" width="768.637" height="650.717"/>
	                        </defs>
	                        <clipPath id="SVGID_2_">
	                            <use xlink:href="#SVGID_1_"  overflow="visible"/>
	                        </clipPath>

	                        <path class="l1" clip-path="url(#SVGID_2_)" fill="none" stroke="#898989" stroke-width="88.398" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
	M44.199,98.89c0,0,123.738-123.055,340.119,0c216.381,123.054,340.118,0,340.118,0"/>

	                        <path class="l2" clip-path="url(#SVGID_2_)" fill="none" stroke="#898989" stroke-width="88.398" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
	M44.199,325.358c0,0,123.738-123.055,340.119,0c216.381,123.056,340.118,0,340.118,0"/>

	                        <path class="l3" clip-path="url(#SVGID_2_)" fill="none" stroke="#898989" stroke-width="88.398" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
	M44.199,551.827c0,0,123.738-123.055,340.119,0c216.381,123.054,340.118,0,340.118,0"/>
	                    </g>
	                </svg>
	                <svg class="x" version="1.1" height="100" width="100" viewBox="0 0 100 100">
	                  <path class="line" d="M 34,32 L 66,68" />
	                  <path class="line" d="M 66,32 L 34,68" />
	                </svg>
	            </a>
	            <ol class='scroll-animate father' data-child='.alan' data-effect='fadeInRightSmall' data-hideAni='fadeOutRightSmall' data-delay='0.08s' data-width='1'>
	                <li class="alan"><a href="index.html">首页</a></li>
	                <li class="alan child-Down">
	                    <a>产品中心</a>
	                    <div class="app-down scroll-animate father" data-child='a' data-effect='fadeInRightSmall' data-delay='0.08s'>
	                         <a href="dishwasher_parts.html">洗碗机配件</a>
		                     <a href="system.html">配套体系</a>
		                     <a href="dishwasher_series.html">洗碗机系列</a>
	                    </div>
	                </li>
	                <li class="alan"><a href="brand.html">品牌介绍</a></li>
	                <li class="alan child-Down">
	                    <a>城市合伙人</a>
	                    <div class="app-down scroll-animate father" data-child='a' data-effect='fadeInRightSmall' data-delay='0.08s'>
	                        <a href="join.html">加入我们</a>
		                    <a href="network.html">零售网点</a>
	                    </div>
	                </li>
	                <li class="alan child-Down">
	                	<a>工程师团队</a>
	                	<div class="app-down scroll-animate father" data-child='a' data-effect='fadeInRightSmall' data-delay='0.08s'>
	                       <a href="fame.html">名人堂</a>
		                   <a href="support.html">技术支持</a>
	                    </div>
	                </li>
	                <li class="alan child-Down">
	                    <a>城市合伙人</a>
	                    <div class="app-down scroll-animate father" data-child='a' data-effect='fadeInRightSmall' data-delay='0.08s'>
	                       <a href="consultation.html">咨询服务</a>
		                    <a href="rent.html">租赁服务</a>
	                    </div>
	                </li>
	            </ol>
	        </nav>

	    </div>
	</header>
	<div class="wrap brand">
		<div class="menu">
			<ul>
				<li>Ⅰ<span>企业理念</span></li>
				<li>Ⅱ<span>企业介绍</span></li>
				<li>Ⅲ<span>企业历程</span></li>
				<li>Ⅳ<span>知识产权</span></li>
				<li>Ⅴ<span>知识产权</span></li>
			</ul>
		</div>
		<section>
			<div class="banner">
				<img src="images/brand.jpg" alt="">
				<img src="images/brand_banner2.jpg" alt="">
				<div class="txt">
					<span><em>BRAND</em>&nbsp;&nbsp;INTRODUCTION</span>
					品 牌 介 绍
				</div>
			</div>
		</section>
		<section class="one">
			<div class="container clearfix">
				<div class="left">
					<h3>儒 <span>+</span> 佛 <span>+</span> 道</h3>
					<p>追求与内心、客户、环境的<br>全方位提升</p>
				</div>
				<div class="right">
					<p><span>文化核心：</span><i>引领 / 创造</i></p>
					<p><span>合作理念：</span><i>优势互补 / 合作共赢</i></p>
					<p><span>管理理念：</span><i>以人为本 / 以诚为先 / 创新经营</i></p>
					<p><span>员工精神：</span><i>狼的精神</i></p>
					<p><span>行动口号：</span><i>为客户所想 / 供客户所需 / 解客户所难</i></p>
					<p><span>人才理念：</span><i>德贤兼备 / 尽思尽才 / 至诚至博</i></p>
					<p><span>运作方针：</span><i>专业化 / 规范化 / 系统化 / 规模化</i></p>
				</div>
				<div class="eng">CONFUCIANISM, BUDDHISM, TAOISM</div>
			</div>
		</section>
		<section class="two">
			<div class="container clearfix">
				<div class="title">
					一个更会思考的品牌。<p>A BRAND FEATURING MUCH THOUGHT</p>
				</div>
				<div class="right fr">
					<img src="images/brand1.jpg" alt="">
				</div>
				<div class="left fl">
					<p>21世纪初，科曼集团在宁波镇海设立大陆总部。厂房占比面积20000平米，并开始与德国企业合作，产品已经广泛应用于欧美国家的智能系统、航天科研场所、商业建筑，社会餐饮及家庭。由于国内市场的发展需求，科曼于2018年成立浙江优科曼科技有限公司（以下简称“优科曼”），公司不断致力于为追求高品质生活的人们，提供设计和卓越品质的商用洗碗机，商用洗涤剂，催干剂，达到高品质的商用厨房产品，优科曼用不断创新的产品与技术诠释着对餐具洗涤效果的极致追求，更用感同身受与细致入微的用心态度表达对社会的关注与爱。</p>
					<p>优科曼商厨专注于智能化商用洗碗机的研发和制造，一直致力于清洗、清洁、消毒技术的一体化解决方案，持续关注人类与环境的和谐统一。从小型洗碗机到复杂全自动餐具清洗系统，优科曼致力于研发清洁、环保、高效的商用清洁技术，提供更加的洁净环境。秉承“人类、自然、资源三位一体”的可持续发展理念，提供洁净的环境，倡导健康环保有品味有文化的生活方式。</p>
				</div>
				<div class="line"></div>
				<div class="imgs">
					<img src="images/brand_1.jpg" alt="">
					<img src="images/brand_2.jpg" alt="">
					<img src="images/brand_3.jpg" alt="">
					<img src="images/brand_4.jpg" alt="">
					<img src="images/brand_5.jpg" alt="">
					<img src="images/brand_6.jpg" alt="">
					<img src="images/brand_7.jpg" alt="">
					<img src="images/brand_8.jpg" alt="">
				</div>
				<ul class="clearfix">
					<li>航天科研</li>
					<li>教育机构</li>
					<li>医疗场所</li>
					<li>政府机构</li>
					<li>企业单位</li>
					<li>工厂聚餐</li>
					<li>商务酒店</li>
					<li>社会聚餐</li>
				</ul>
			</div>
		</section>
		<section class="three">
			<div class="container">
				<div class="title">每一个阶段·追求质的突破<p style="color: #595757;padding-bottom:20px">SEEKING QUALITY BREAKTHROUGHS <br>AT EVERY STAGE</p></div>
				<ul class="">
					<li>
						<div>
							<h3>2006.</h3>
							<p>「 UCOMEN优科曼 」品牌<br>成立并通过<br>RoHS环保认证。</p>
						</div>
					</li>
					<li>
						<div>
							<h3>2011.</h3>
							<p>「 UCOMEN优科曼 」品牌<br>荣获<br>中国电器十大消费者满意品牌。</p>
						</div>
					</li>
					<li>
						<div>
							<h3>2012.</h3>
							<p>「 UCOMEN优科曼 」品牌<br>荣获<br>中国电器行业十大具竞争力品牌。</p>
						</div>
					</li>
					<li>
						<div>
							<h3>2012.</h3>
							<p>「 UCOMEN优科曼 」品牌<br>被认定为<br>宁波市科技型企业。</p>
						</div>
					</li>
					<li>
						<div>
							<h3>2013.</h3>
							<p>「 UCOMEN优科曼 」品牌<br>被认定为<br>国家级高新技术企业。</p>
						</div>
					</li>
					<li>
						<div>
							<h3>2014.</h3>
							<p>「 UCOMEN优科曼 」品牌<br>智能家居移动平台<br>在国内外上线。</p>
						</div>
					</li>
					<li>
						<div>
							<h3>2015.</h3>
							<p>「 UCOMEN优科曼 」品牌<br>荣获<br>深圳物联网协会副会长单位。</p>
						</div>
					</li>
					<li>
						<div>
							<h3>2016.</h3>
							<p>「 UCOMEN优科曼 」品牌<br>被认定为<br>“AIOT”国际物联网协会单位。</p>
						</div>
					</li>
					<li>
						<div>
							<h3>2016.</h3>
							<p>「 UCOMEN优科曼 」品牌<br>荣获<br>宁波物联网协会创始会长单位。</p>
						</div>
					</li>
					<li>
						<div>
							<h3>2016.</h3>
							<p>「 UCOMEN优科曼 」品牌<br>通过<br>国家级高新技术企业复评。</p>
						</div>
					</li>
					<li>
						<div>
							<h3>2017.</h3>
							<p>「 UCOMEN优科曼 」品牌<br>被认定为<br>宁波市工程技术中心。</p>
						</div>
					</li>
					<li>
						<div>
							<h3>2017.</h3>
							<p>「 UCOMEN优科曼 」<br>荣获<br>物联网中国联盟主席团执行主席单位。</p>
						</div>
					</li>
					<li>
						<div>
							<h3>2018.</h3>
							<p>「 UCOMEN优科曼 」品牌<br>成立<br>优科曼智能商厨品牌。</p>
						</div>
					</li>
					<li>
						<div>
							<h3>2019.</h3>
							<p>「 UCOMEN优科曼 」品牌<br>推行<br>中国智造2025工业4.0标准。</p>
						</div>
					</li>
				</ul>
				<div class="line"></div>
			</div>
		</section>
		<section class="four">
			<div class="container ">
				<div class="line"></div>
				<div class="txt">45 CATEGORIES  52 TRADEMARKS</div>
				<div class="main clearfix">
					<div class="title fl">
						知识产权<p>INTELLECTUAL PROPERTY</p>
					</div>
					<div class="title fr" style="line-height: 1.25;text-align: right;">
						45大类<br>
						52个商标
					</div>
				</div>
				<ul class="clearfix">
					<li>
						<p>商标名称：<span>UCOMEN</span></p>
						<p>注册号：20228442</p>
						<p>商标有效时间：2017-10-07 至 2027-10-06</p>
						<p>商标类型：第01类-化学原料</p>
					</li>
					<li>
						<p>商标名称：<span>UCOMEN</span></p>
						<p>注册号：20229300</p>
						<p>商标有效时间：2017-10-07 至 2027-10-06</p>
						<p>商标类型：第03类-日化用品</p>
					</li>
					<li>
						<p>商标名称：<span>UCOMEN</span></p>
						<p>注册号：20229463</p>
						<p>商标有效时间：2017-10-07 至 2027-10-06</p>
						<p>商标类型：第04类-燃料油脂</p>
					</li>
					<li>
						<p>商标名称：<span>UCOMEN</span></p>
						<p>注册号：20229867</p>
						<p>商标有效时间：2017-10-07 至 2027-10-06</p>
						<p>商标类型：第06类-金属材料</p>
					</li>
					<li>
						<p>商标名称：<span>UCOMEN</span></p>
						<p>注册号：20229831</p>
						<p>商标有效时间：2017-10-07 至 2027-10-06</p>
						<p>商标类型：第07类-机械设备</p>
					</li>
					<li>
						<p>商标名称：<span>UCOMEN</span></p>
						<p>注册号：20230223</p>
						<p>商标有效时间：2017-10-07 至 2027-10-06</p>
						<p>商标类型：第08类-手工器械</p>
					</li>
					<li>
						<p>商标名称：<span>UCOMEN</span></p>
						<p>注册号：20230521</p>
						<p>商标有效时间：2017-10-07 至 2027-10-06</p>
						<p>商标类型：第09类-科学仪器</p>
					</li>
					<li>
						<p>商标名称：<span>UCOMEN</span></p>
						<p>注册号：20231063</p>
						<p>商标有效时间：2017-10-07 至 2027-10-06</p>
						<p>商标类型：第12类-运输工具</p>
					</li>
					<li>
						<p>商标名称：<span>UCOMEN</span></p>
						<p>注册号：20228442</p>
						<p>商标有效时间：2017-10-07 至 2027-10-06</p>
						<p>商标类型：第21类-厨房洁具</p>
					</li>
					<li>
						<p>商标名称：<span>UCOMEN</span></p>
						<p>注册号：20237161</p>
						<p>商标有效时间：2017-10-07 至 2027-10-06</p>
						<p>商标类型：第29类-食品&#12288;&#12288;</p>
					</li>
					<li>
						<p>商标名称：<span>UCOMEN</span></p>
						<p>注册号：20238053</p>
						<p>商标有效时间：2017-10-07 至 2027-10-06</p>
						<p>商标类型：第35类-广告销售</p>
					</li>
					<li>
						<p>商标名称：<span>UCOMEN</span></p>
						<p>注册号：20238510</p>
						<p>商标有效时间：2017-10-07 至 2027-10-06</p>
						<p>商标类型：第39类-运输贮藏</p>
					</li>
					<li>
						<p>商标名称：<span>UCOMEN</span></p>
						<p>注册号：20238739</p>
						<p>商标有效时间：2017-10-07 至 2027-10-06</p>
						<p>商标类型：第42类-网站服务</p>
					</li>
					<li>
						<p>商标名称：<span>UCOMEN</span></p>
						<p>注册号：20238789</p>
						<p>商标有效时间：2017-10-07 至 2027-10-06</p>
						<p>商标类型：第43类-餐饮住宿</p>
					</li>
					<li>
						<p>商标名称：<span>UCOMEN</span></p>
						<p>注册号：20243165</p>
						<p>商标有效时间：2017-10-07 至 2027-10-06</p>
						<p>商标类型：第45类-社会服务</p>
					</li>
					<li>
						· · ·
					</li>
				</ul>
			</div>
		</section>
		<section class="four" id="five" style="background: #111111;">
			<div class="container ">
				<div class="line"></div>
				<div class="txt" style="color: #4e4e4e">105 PATENTS</div>
				<div class="main clearfix">
					<div class="title fl">
						知识产权<p style="color: #595757">INTELLECTUAL PROPERTY</p>
					</div>
					<div class="title fr" style="line-height: 1.25;text-align: right;">
						105项专利
					</div>
				</div>
				<ul class="clearfix">
					<li>
						<p>一种定时遥控器</p>
						<p>申请公布号: CN201897874U</p>
						<p>专利类型: 实用新型</p>
						<p>公布日期: 2011-07-13</p>
					</li>
					<li>
						<p>多功能计量转换座</p>
						<p>申请公布号: CN201945616U</p>
						<p>专利类型: 实用新型</p>
						<p>公布日期: 2011-08-24</p>
					</li>
					<li>
						<p>开关机芯</p>
						<p>申请公布号: CN302201908S</p>
						<p>专利类型: 外观设计</p>
						<p>公布日期: 2012-11-28</p>
					</li>
					<li>
						<p>安装盒</p>
						<p>申请公布号: CN302201909S</p>
						<p>专利类型: 外观设计</p>
						<p>公布日期: 2012-11-28</p>
					</li>
					<li>
						<p>发射器</p>
						<p>申请公布号: CN302231892S</p>
						<p>专利类型: 外观设计</p>
						<p>公布日期: 2012-12-12</p>
					</li>
					<li>
						<p>开关(7)</p>
						<p>申请公布号: CN302242297S</p>
						<p>专利类型: 外观设计</p>
						<p>公布日期: 2011-08-24</p>
					</li>
					<li>
						<p>装换座</p>
						<p>申请公布号: CN302308245S</p>
						<p>专利类型: 外观设计</p>
						<p>公布日期: 2013-01-30</p>
					</li>
					<li>
						<p>转换座</p>
						<p>申请公布号: CN302445557S</p>
						<p>专利类型: 外观设计</p>
						<p>公布日期: 2013-05-29</p>
					</li>
					<li>
						<p>转换器</p>
						<p>申请公布号: CN302510428S</p>
						<p>专利类型: 外观设计</p>
						<p>公布日期: 2013-07-24</p>
					</li>
					<li>
						<p>一种芯片解调电路</p>
						<p>申请公布号：CN104700526A</p>
						<p>专利类型：发明公布</p>
						<p>公布日期：2015-06-10</p>
					</li>
					<li>
						<p>双重断开开关控制器</p>
						<p>申请公布号：CN205428831U</p>
						<p>专利类型：实用新型</p>
						<p>公布日期：2016-08-03</p>
					</li>
					<li>
						<p>一种微型高频变压器</p>
						<p>申请公布号：CN106098328A</p>
						<p>专利类型：发明公布</p>
						<p>公布日期：2016-11-09</p>
					</li>
					<li>
						<p>一种远程热释电感应监控装置</p>
						<p>申请公布号：CN104700531B</p>
						<p>专利类型：发明授权</p>
						<p>公布日期：2017-07-07</p>
					</li>
					<li>
						<p>一种可变换面板</p>
						<p>申请公布号：CN104733961B</p>
						<p>专利类型：发明授权</p>
						<p>公布日期：2017-09-29</p>
					</li>
					<li>
						<p>滑块可变换面板</p>
						<p>申请公布号：CN104795703B</p>
						<p>专利类型：发明授权</p>
						<p>公布日期：2017-10-27</p>
					</li>
					<li>
						· · ·
					</li>
				</ul>
			</div>
		</section>
		<footer class="footer">
			<div class="container clearfix">
				<div class="foot-nav fr">
		            <a href="network.html">零售网点</a><em>/</em><a href="support.html">技术支持</a><em>/</em><a href="join.html">加入我们</a><a class="wx iconfont f-20" href="javascript:;"><img src="images/wx1.png" alt=""><img src="images/wx2.png" style="margin-left: -22px;opacity: 0" alt=""><span class="wx_ewm"><img src="images/ewm.jpg" alt=""></span></a>
		        </div>
				<span class="fl">@Copyright 2019 Ucomen All Rights Reserved</span>
		        <div id="goTop"><img src="images/up.png" alt=""></div>
	        </div>
		</footer>
	</div>
	<audio src="audio/sound.wav" id="sound" autoplay loop></audio>
</div>



<script src="libs/jquery3.3.1.js"></script>
<script src="libs/jquery.easing.min.js"></script>
<script src="libs/main.js"></script>
<script src="libs/jquery.aniview.min.js"></script>	
<script src="libs/TweenMax.min.js"></script>
<script src="libs/anime.js"></script>
<script src="libs/jquery.scrollify.js"></script>
<script src="js/pixi.js"></script>
<script src="libs/perlin.js"></script>
<script src="js/base.js"></script>
<script src="js/index.js"></script>
<script src="libs/base.js"></script>
<script src="libs/jquery.mousewheel.min.js"></script>
<script src="libs/smooth.js"></script>
<script src="libs/app.js"></script>
<script>
	$(document).ready(function() {
		
		var h1 = $('.one').offset().top;
		var h2 = $('.two').offset().top;
		var h3 = $('.three').offset().top;
		var h4 = $('.four').offset().top;
		var h5 = $('#five').offset().top;
		$menu = $('.wrap.brand .menu li');
		
		$(window).scroll(function(event) {
			var scrollTop = $(document).scrollTop();
			if (scrollTop < h1) {$menu.removeClass('active');}
			else if (scrollTop < h2) {
				$menu.removeClass('active').eq(0).addClass('active');
			}else if (scrollTop < h3) {
				$menu.removeClass('active').eq(1).addClass('active');
			}else if (scrollTop < h4) {
				$menu.removeClass('active').eq(2).addClass('active');
			}else if (scrollTop < h5) {
				$menu.removeClass('active').eq(3).addClass('active');
			}else{
				$menu.removeClass('active').eq(4).addClass('active');
			}
		});
		$menu.click(function(event) {
			$(this).addClass('active').siblings().removeClass('active');
			var index = $(this).index();
			switch(index){
				case 0:
					$('html,body').stop().animate({scrollTop: h1 }, 800)
					break;
				case 1:
					$('html,body').stop().animate({scrollTop: h2 }, 800)
					break;
				case 2:
					$('html,body').stop().animate({scrollTop: h3 }, 800)
					break;
				case 3:
					$('html,body').stop().animate({scrollTop: h4 }, 800)
					break;
				case 4:
					$('html,body').stop().animate({scrollTop: h5 }, 800)
					break;
			}
		});
		$('.wrap.brand .four li:last-child').height($('.wrap.brand .four li:nth-last-child(2)').height());
		$('.wrap.brand #five li:last-child').height($('.wrap.brand #five li:nth-last-child(2)').height());
		
	});
	
</script>
</body>
</html>